/* CSS Document */
/*------------------------------------------------project.html --------------------*/
body{
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#EAEDD8;
	color:#6C6C6C;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

#projectshow { width:720px; height:250px;float: left; margin-top:3px; margin-left:30%; padding:5px 5px;}
#projectshow  ul li{
	float:left;
	margin:5px 10px 0 0;
	display:block;
	font-size:0;
	line-height:0;
}
#projectshow ul li a{
	display:block;
}
#projectshow ul li a.signup{
	background:url(../images/os.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#projectshow ul li a.signup:hover{
	background:url(../images/os_hover.gif) 0 0 no-repeat;
}
#projectshow ul li a.idea{
	background:url(../images/web.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#projectshow ul li a.idea:hover{
	background:url(../images/web_hover.gif) 0 0 no-repeat;
}
#projectshow ul li a.freeReg{
	background:url(../images/windows.gif) 0 0 no-repeat;
	width:267px;
	height:221px;
}
#projectshow ul li a.freeReg:hover{
	background:url(../images/windows_hover.gif) 0 0 no-repeat;
}
#projectshow ul li a.comments{
	background:url(../images/mis.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#projectshow ul li a.comments:hover{
	background:url(../images/mis_hover.gif) 0 0 no-repeat;
}
#projectshow ul li a.special{
	background:url(../images/ai.gif) 0 0 no-repeat;
	width:99px;
	height:221px;
}
#projectshow ul li a.special:hover{
	background:url(../images/ai_hover.gif) 0 0 no-repeat;
}

.hardware{
	width:705px; float:left; margin:10px 0 0 30%;
	background-color:#FFFFCC; border:#FF9933 dashed 2px;
	}
.hardware h2.hd{
	width:540px; height:30px; background:url(../images/h2_bg.gif) no-repeat 660px 2px #EFBA00; text-transform:none;
	 font:17px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
.hardware h2.web{
	width:540px; height:30px; background:url(../images/h2_bg2.gif) no-repeat 660px 2px #719fb6; text-transform:none;
	 font:17px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
.hardware h2.windows{
	width:540px; height:30px; background:url(../images/h2_bg1.gif) no-repeat 660px 2px #a0ce63; text-transform:none;
	 font:17px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
.hardware h2.mis{
	width:540px; height:30px; background:url(../images/h2_bg3.gif) no-repeat 660px 2px #b58c57; text-transform:none;
	 font:17px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
.hardware h2.ai{
	width:540px; height:30px; background:url(../images/h2_bg4.gif) no-repeat 660px 2px #a8a8a8; text-transform:none;
	 font:17px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; padding:11px 150px 0 15px;
	  margin:0 0 18px 0; font-weight:bold;
	}
.hardware ul{
	width:700px; margin:0 0 5px 10px; padding:0; display:block;
	}
.hardware ul li{
	font:14px Arial, Helvetica, sans-serif; 
	color:#4D371E;
	border-bottom:#C9B884 1px dashed; padding:0; 
	margin-top:8px; display:block; height:20px;
	}
.hardware span{
font-weight:bold;
color:#3366FF;
}
.hardware ul li.noborder{
	border-bottom:none; padding:0; margin:0; display:block; height:48px; font-size:0;
	}
.hardware a.more{
	width:32px; background:url(../images/more_arrow1.gif) no-repeat 0 0 #FFF9F2; color:#333227; margin:0 0 0 640px; height:16px;
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; display:block; padding:0 0 0 23px;
	float:left;
	}
.hardware a.more:hover{
	color:#C01F0B; background:url(../images/more_arrow2.gif) no-repeat 0 0 #FFF9F2; width:32px;
	}